<template>
    <div>
        <div class="guide-detail clearfix b-g-f">
            <span class="guide-detail-title">{{detail.post_title}}</span>
            <span class="guide-detail-source">{{detail.post_source}}</span>
            <span class="guide-detail-source">{{$time(detail.published_time)}}</span>
            <div class="guide-detail-div" v-html="detail.post_content"></div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            detail:{}
        }
    },
    mounted(){
        this.articleIndex()
    },
    methods:{
        articleIndex(){
            this.$api.guide.articleIndex({id:this.$route.query.id}).then(resp=>{
                if(resp.code == 1){
                    this.detail = resp.data
                }
            })
        } 
    }
}
</script>

<style lang="less" scoped>
.guide-detail{
    margin-top: 30px;
    padding: 30px 40px;
    .guide-detail-title{
        display: block;
        color: #222222;
        font-size: 46px;
        padding: 20px 0;
    }
    .guide-detail-source{
        color: #999;
        display: block;
        height: 60px;
        line-height: 60px;
        font-size: 36px;
    }
    .guide-detail-div{
        padding: 30px 0;
    }
}
</style>

